<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>无锡即刻 | 即友群二维码</title>
    <!--<link rel="shortcut icon" href="../images/fav_icon.png" type="image/x-icon">-->
    <link rel='stylesheet prefetch' href='css/bulma.min.css'>
    <link rel='stylesheet prefetch' href='https://use.fontawesome.com/releases/v5.0.10/css/all.css'>
    <link rel="stylesheet" href="css/tabs.css">
</head>
<body>
<section class="hero is-info ">

    <div class="hero-body">
        <div class="container">
            <h1 class="title">
                无锡即刻 | 即友群二维码
            </h1>
            <h2 class="subtitle">
                <ol>
                    <li>加群请扫描二维码</li>
                    <li>若二维码过期失效,尝试<strong style="color: red">刷新页面</strong>或<strong style="color: red">添加群主微信</strong>进群</li>
                </ol>
            </h2>
        </div>
    </div>

    <div class="tabs is-boxed is-centered main-menu" id="nav">
        <ul>

            <li data-target="pane-1" id="1" class="is-active">
                <a>
                    <span class="icon is-small"><i class="fa fa-image"></i></span>
                    <span>微信群</span>
                </a>
            </li>

            <li data-target="pane-2" id="2">
                <a>
                    <span class="icon is-small"><i class="fa fa-image"></i></span>
                    <span>群主微信</span>
                </a>
            </li>

            <li data-target="pane-3" id="3">
                <a>
                    <span class="icon is-small"><i class="fa fa-image"></i></span>
                    <span>QQ群</span>
                </a>
            </li>
        </ul>
    </div>

    <div class="tab-content">
        <div class="level tab-pane is-active" id="pane-1">
            <figure>
                <img src="images/wechat_group.20190126.png" alt="微信群" class="cent">
            </figure>
        </div>

        <div class="level tab-pane" id="pane-2">
            <figure>
                <img src="images/wechat_group_owner.jpg" alt="群主微信" class="cent">
            </figure>
        </div>

        <div class="level tab-pane" id="pane-3">
            <h2>662915664</h2>
            <figure>
                <img src="images/qq_group.png" alt="QQ群" class="cent">
            </figure>
        </div>
    </div>

</section>
<script src="js/bulma.js"></script>
<script src="js/tabs.js"></script>
</body>
</html>
